<!--新闻资讯-->
<div class="container-fluid" id="news">
  <div class="page-header">
    <div class="pull-left">
      <h4>新闻资讯</h4>
    </div>
  </div>
  <div>
    <!--标签栏-->
    <ul class="nav nav-tabs" role="tablist">
      <li role="presentation"><a href="#sxhead" aria-controls="sxhead" role="tab" data-toggle="tab">实习资讯</a></li>
      <li role="presentation" class="active"><a href="#sxinfo" aria-controls="sxinfo" role="tab" data-toggle="tab">实习地信息</a></li>
      <li role="presentation"><a href="#monthly" aria-controls="monthly" role="tab" data-toggle="tab">实习月刊</a></li>
      <li role="presentation"><a href="#log" aria-controls="log" role="tab" data-toggle="tab">优秀日志</a></li>
    </ul>
    <!--列表栏-->
    <div class="tab-content">
      <div role="tabpanel" class="tab-pane fade" id="sxhead">
        <div class="jumbotron">
          <strong>to be continue...........</strong>
        </div>
      </div>
      <div role="tabpanel" class="tab-pane fade in active" id="sxinfo">
        <ul class="list-group">
          <li class="list-group-item">
            <div>2017.04.26</div>
            <span class="label label-danger">置顶</span>
            <a>人社部：2017年居民医保个人缴费标准提高30元</a>
          </li>
          <li class="list-group-item">
            <div>2017.04.26</div>
            <a>手上一搓有臭味 看到这些牌子的盐千万别买<span class="label label-default">New</span></a>
          </li>
          <li class="list-group-item">
            <div>2017.04.26</div><a>习近平号召"以劳动为荣":托举中国梦</a></li>
          <li class="list-group-item">
            <div>2017.04.26</div><a>昆明长水机场现无人机扰航多航班备降 或被罚10万</a></li>
          <li class="list-group-item">
            <div>2017.04.26</div><a>上市公司高管能赚多少钱?2016年这10人年薪过千万</a></li>
          <li class="list-group-item">
            <div>2017.04.26</div><a>余春娇，不是志明长不大，是你太缺个爸爸</a></li>
          <li class="list-group-item">
            <div>2017.04.26</div><a>三里屯街拍套路：用明星梦套你钱财</a></li>
          <li class="list-group-item">
            <div>2017.04.26</div><a>成都警方:严禁在机场净空保护区域进行无人机活动</a></li>
          <li class="list-group-item">
            <div>2017.04.26</div><a>长沙222个社区今年完成提质提档 看看有你家吗</a></li>
          <li class="list-group-item">
            <div>2017.04.26</div><a>湖南一男子违反交通规则遭责骂 拿刀将人捅伤</a></li>
        </ul>
        <!--分页栏-->
        <nav aria-label="Page navigation" style="text-align: center;">
          <ul class="pagination" style="margin:15px auto;">
            <li><span aria-hidden="true">&laquo;</span></li>
            <li class="active"><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><span class="dot">...</span></li>
            <li><a href="#">5</a></li>
            <li><span aria-hidden="true">&raquo;</span></li>
          </ul>
        </nav>
      </div>
      <div role="tabpanel" class="tab-pane fade" id="monthly">
        <div class="jumbotron">
          <h1>Hello, world!</h1>
          <p><a class="btn btn-primary btn-lg" href="#" role="button">Hello!</a></p>
        </div>
      </div>
      <div role="tabpanel" class="tab-pane fade" id="log">...</div>
    </div>
  </div>
</div>
<script>
  $(".pagination li a").click(function () {
    $(".pagination li").removeAttr('class');
    $(this).parent().attr('class', 'active');
  });

</script>